<template>
    <div>
        <h1>Vue的基本语法</h1>

        <input type="text" v-model="obj.name">
        <p>{{obj.name}}</p>
    </div>
</template>

<script setup lang="ts">
import { ref,reactive } from 'vue'
//v-model: 用来实行双向绑定，一般用于表单元素
//双向绑定：数据变化，视图变化；视图变化，数据也变化
//目的：就是要获取表单元素中的数据
let obj = reactive({
    name:'',
    age:'',
})

</script>

<style scoped>

</style>